<template>
  <div>
    <!-- 顶部 -->
    <header>
      <div class="container">
        <img src="./assets/logo1.jpg" alt="">
        <router-link to="/discover">发现音乐</router-link>
        <router-link to="/my">我的音乐</router-link>
        <router-link to="/friend">我的关注</router-link>
      </div>
    </header>
    
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="less">
html,body{
  height: 100%;
  width: 100%;
}
*{
  padding: 0;
  margin: 0;
}

header{
  height: 70px;
  width: 100%;
  background: rgb(36, 36,36);
  color: #ccc;
  .container{
    height: 70px;
    width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    a{
      margin-right: 20px;
      text-decoration: none;
      color: #ccc;
    }
  }
  img{
    height: 100%;
  }
}
</style>